<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../../css/font-icons.css">
		<link rel="stylesheet" href="../../css/iuapmobile.um.css">
		<link rel="stylesheet" href="../../css/System/matest.css">
		<script src="../../js/summer.js"></script>
		<script src="../../js/jquery.js"></script>
		<script src="../../js/knockout-2.2.0.js"></script>
		<script src="../../js/Frameworks/iuapmobile.frameworks.ui.js"></script>
		<script src="../../js/System/matest.js"></script>
	</head>

	<body>
		<div id="matest" class="um-page">
			<!--
        	作者：rosawen@sina.com
        	时间：2018-01-26
        	描述：导航条
        	-->
			<div id="header" class="um-header page-header">
				<a href="../User/Login.html" class="um-back"></a>
				<h3 class="pagetitle">MA Server</h3>
			</div>
			<!--
        	作者：rosawen@sina.com
        	时间：2018-01-26
        	描述：交互界面
        	-->
			<div id="content" class="um-content">
				<div class="um-list server-list">
					<div class="um-list-item-inner server-input">
						<div class="um-list-item-body">IP</div>
						<div class="um-list-item-right">
							<input type="text" id="server" value="" placeholder="127.0.0.1" class="form-control" data-bind="value:serverip,valueUpdate:'afterkeydown'">
						</div>
					</div>
					<div class="um-list-item-inner server-input">
						<div class="um-list-item-body">PORT</div>
						<div class="um-list-item-right">
							<input type="text" id="port" value="" placeholder="8080" class="form-control" data-bind="value:serverport,valueUpdate:'afterkeydown'">
						</div>
					</div>
				</div>
				<div class="server-input">
					<!--
                    	作者：rosawen@sina.com
                    	时间：2018-02-25
                    	描述：按钮enable条件：IP和port都有输入值
                    -->
					<input id="submit" type="button" class="btn" value="MA连接测试" data-bind="enable:serverip().length>0&&serverport().length>0,click:serverTest"></input>
				</div>
			</div>
		</div>

	</body>
</html>